<template>
  <div class="son2">
    <h3>son2.vue</h3>
    <p>拿到的数据是--- {{msg}}</p>
  </div>
</template>

<script>
// import bus from '../eventBus'

export default {
  data() {
    return {
      msg: '',
    };
  },

  // 做订阅，为了不错过每条消息，所以越早订阅越好
  // 最早的钩子是beforeCreate，但是我们不用它，因为我可能需要把拿到的数据存到变量
  // 所以可以用created
  created () {

    // // 当son1Send一旦发送，就会调用参数2的回调函数
    // bus.$on('son1Send', (v) => {

    //   console.log('拿到数据了', v)
    //   this.msg = v
    // })


    this.$bus.$on('son1Send', (v) => {

      console.log('拿到数据了', v)
      this.msg = v
    })
  }
};
</script>

<style>
.son2 {
  width: 300px;
  height: 260px;
  background-color: #0f0;
}
</style>